<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="button.css"/>
    <title>按钮制作</title>
</head>
<body>
<div>
    <p>
    <button class="btn-w btn-s">按钮</button>
    <button class="btn-w btn-m">按钮</button>
    <button class="btn-w btn-l">按钮</button>
    <button class="btn-w btn-xl">按钮</button>
    </p>
    <p>
    <button class="btn-b btn-s">按钮</button>
    <button class="btn-b btn-m">按钮</button>
    <button class="btn-b btn-l">按钮</button>
    <button class="btn-b btn-xl">按钮</button>
    </p>
    <p>
    <button class="btn-h btn-s">按钮</button>
    <button class="btn-h btn-m">按钮</button>
    <button class="btn-h btn-l">按钮</button>
    <button class="btn-h btn-xl">按钮</button>
    </p>
    <p>
    <button class="btn-c btn-s">按钮</button>
    <button class="btn-c btn-m">按钮</button>
    <button class="btn-c btn-l">按钮</button>
    <button class="btn-c btn-xl">按钮</button>
    </p>
</div>

</body>
</html>